<template>
    <div class="outContent indexContent">
        <div class="navBar">
            <div class="navItem active">
                <router-link :to="{ path: '/' }">首页</router-link>
            </div>
            <div class="navItem">
                <router-link :to="{ path: 'xiangmu' }">项目管理</router-link>
            </div>
            <div class="navItem">
                <router-link :to="{ path: 'me' }">我</router-link>
            </div>
        </div>
        <div class="head">
            <a class="avatar">
                <img src="images/avatar.png" alt=""/>
            </a>
            <a class="message">
                <div class="message_num">3</div>
            </a>
        </div>
        <div class="bannerBox">
            <div class="banner">
                <img src="images/banner01.png" alt=""/>
            </div>
            <div class="hotNews">
                <a href="#">总渠简报2018年第14期：处属各单位（部门）...</a>
            </div>
        </div>
        <div class="gongNeng">
            <a class="gn-item" href="#">
                <div class="gn-itemIn">
                    <div class="gn-item_icon">
                        <img src="images/icon_gn-item_01.png" alt=""/>
                        <div class="message_num">3</div>
                    </div>
                    <div class="gn-item_title">
                        通知公告
                    </div>
                </div>
            </a>
            <a class="gn-item" href="#">
                <div class="gn-itemIn">
                    <div class="gn-item_icon">
                        <img src="images/icon_gn-item_02.png" alt=""/>
                        <div class="message_num">3</div>
                    </div>
                    <div class="gn-item_title">
                        审批事项
                    </div>
                </div>
            </a>
            <a class="gn-item" href="#">
                <div class="gn-itemIn">
                    <div class="gn-item_icon">
                        <img src="images/icon_gn-item_03.png" alt=""/>
                        <div class="message_num">3</div>
                    </div>
                    <div class="gn-item_title">
                        规章制度
                    </div>
                </div>
            </a>
        </div>
        <div class="mainJindu">
            <div class="blockHead">
                <div class="blockHead_icon">
                    <img src="images/icon_mainJD.png" alt=""/>
                </div>
                <div class="blockHead_title">项目进度</div>
                <a class="blockHead_more">全部</a>
            </div>
            <ul class="mainJindu_ul">
                <li class="mainJindu_li">
                    <a href="#">
                        <div class="mainJindu_itemName">六垛南闸下游引河淤积航拍视测</div>
                        <div class="mainJindu_JD">项目竣工</div>
                    </a>
                </li>
                <li class="mainJindu_li">
                    <a href="#">
                        <div class="mainJindu_itemName">六垛南闸下游引河淤积航拍视测</div>
                        <div class="mainJindu_JD">项目竣工</div>
                    </a>
                </li>
                <li class="mainJindu_li">
                    <a href="#">
                        <div class="mainJindu_itemName">六垛南闸下游引河淤积航拍视测</div>
                        <div class="mainJindu_JD">项目竣工</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

</template>

<script>
    export default {
        name: "index"
    }
</script>

<style scoped>

</style>
